﻿body
{
}

.body
{
	
}

.TextHeader
{
	font-family: 'Browallia New';
	font-size: x-large;
	font-weight: bold;
	color: #3366FF;
	height: 25px;
}
.TextTile
{
	font-family: 'Browallia New';
	font-size: x-large;
	font-weight: bold;
	color: #3366FF;
	height: 13px;
}

.TextHeaderOrange
{
    font-family: 'Browallia New';
    font-size: x-large;
    font-weight: bold;
    color: #FF6600;
}

.TextHeaderBlack
{
    font-family: 'Browallia New';
    font-size: x-large;
    font-weight: bold;
}

.TextHeaderSmall
{
    font-weight: bold;
    color: #3366FF;
}

.TextHeaderSmallOrange
{
    font-weight: bold;
    color: #FF6600;
}

.TextHeaderSmallBlack
{
    font-weight: bold;
}

.TextToolbar
{
	font-weight: bold;
	color: #FF6600;
}

.controls
{
	border-right-style: solid;
	border-width: 1px;
	border-color: #B0DDEA;
	text-align: center;
}

.controls_AlignLeft
{
	border-right-style: solid;
	border-width: 1px;
	border-color: #B0DDEA;
	text-align: left;
}

.panelTab
{
	border-style: solid;
	border-width: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.span
{
    color: #FF0000;
}

.tapstrip
{
}

.selectedtap
{
	background-position: center;
	background-image: url('../App_UI/Images/Buttons/SelectedTap.jpg');
	background-repeat: no-repeat;
	color: #FFFFFF;
}

.contentPaneDiv
{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.contentPanelPaddingTop5px
{
	padding-top: 5px;
}

.contentPanelPaddingLeft10px
{
	padding-left: 10px;
}

.moduleDiv
{
	width: 750px;
	height: 385px;
	background: url('../App_UI/Images/PageViews/ModuleTop.jpg') no-repeat;
	padding-top: 5px;
}

.moduleDiv850
{
	width: 850px;
	height: 385px;
	background: url('../App_UI/Images/PageViews/ModuleTop850.jpg') no-repeat;
	padding-top: 5px;
}

.moduleContent350
{
	width: 350px;
	background: url('../App_UI/Images/PageViews/ModuleContent350.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleContent400
{
	width: 400px;
	background: url('../App_UI/Images/PageViews/ModuleContent400.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleContent490
{
	width: 490px;
	background: url('../App_UI/Images/PageViews/ModuleContent490.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleContent590
{
	width: 590px;
	background: url('../App_UI/Images/PageViews/ModuleContent590.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleContent780
{
	width: 780px;
	background: url('../App_UI/Images/PageViews/ModuleContent780.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleContent1000
{
	width: 1000px;
	background: url('../App_UI/Images/PageViews/ModuleContent1000.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
	font-size: 13px;
}

.moduleContent1200
{
	width: 1200px;
	background: url('../App_UI/Images/PageViews/ModuleContent1200.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleDivSlim
{
	width: 750px;
	background: url('../App_UI/Images/PageViews/ModuleTop.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleDivSlim400
{
	width: 400px;
	background: url('../App_UI/Images/PageViews/ModuleTop400.jpg') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
}

.moduleDivSlim490
{
	width: 490px;
	background: url('../App_UI/Images/PageViews/ModuleTop490.jpg') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
}

.moduleDivSlim590
{
	width: 590px;
	background: url('../App_UI/Images/PageViews/ModuleTop590.jpg') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
}

.moduleDivSlim700
{
	width: 700px;
	background: url('../App_UI/Images/PageViews/ModuleTop700.jpg') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
}

.moduleDivSlim780
{
	width: 780px;
	background: url('../App_UI/Images/PageViews/ModuleTop780.jpg') no-repeat;
	margin-bottom: 10px;
	padding-top: 5px;
}

.moduleDivSlim850
{
	width: 850px;
	background: url('../App_UI/Images/PageViews/ModuleTop850.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleDivSlim1000
{
	width: 1000px;
	background: url('../App_UI/Images/PageViews/ModuleTop1000.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
	font-size: 14px;
}

.moduleDivSlim1200
{
	width: 1200px;
	background: url('../App_UI/Images/PageViews/ModuleTop1200.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
	font-size: 14px;
}

.moduleDivBottom
{
	background-position: bottom;
	background: url('../App_UI/Images/PageViews/ModuleBottom.gif') no-repeat bottom;
	color: #252f34; 
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivBottom350
{
	background-position: bottom;
	background: url('../App_UI/Images/PageViews/ModuleBottom350.gif') no-repeat bottom;
	color: #252f34; 
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivBottom400
{
	background: url('../App_UI/Images/PageViews/ModuleBottom400.gif') no-repeat bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivBottom490
{
	background: url('../App_UI/Images/PageViews/ModuleBottom490.gif') no-repeat bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivBottom590
{
	background: url('../App_UI/Images/PageViews/ModuleBottom590.gif') no-repeat bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivBottom700
{
	background: url('../App_UI/Images/PageViews/ModuleBottom700.gif') no-repeat bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivBottom780
{
	background: url('../App_UI/Images/PageViews/ModuleBottom780.gif') no-repeat bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivBottom850
{
	background: url('../App_UI/Images/PageViews/ModuleBottom850.gif') no-repeat bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleDivBottom1000
{
	background: url('../App_UI/Images/PageViews/ModuleBottom1000.gif') no-repeat bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 13px;
}

.moduleDivBottom1200
{
	background: url('../App_UI/Images/PageViews/ModuleBottom1200.gif') no-repeat bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleLogin
{
	background-position: url('../App_UI/Images/PageViews/moduleLogin.jpg') no-repeat;
	width: 500px;
	background: url('../App_UI/Images/PageViews/moduleLogin.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleLogin2
{
	background-position: url('../App_UI/Images/PageViews/moduleLogin2.jpg') no-repeat;
	width: 500px;
	height: 300px;
	background: url('../App_UI/Images/PageViews/moduleLogin2.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}

.moduleLoginBottom
{
	background: url('../App_UI/Images/PageViews/moduleLoginBottom.gif') no-repeat bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}

.moduleTaskListMenu
{
	width: 200px;
	background: url('../App_UI/Images/PageViews/TaskListMenu.jpg') no-repeat;
	padding-top: 5px;
}

.moduleTaskListMenuBottom
{
	background: url('../App_UI/Images/PageViews/TaskListMenuBottom.gif') no-repeat bottom;
	color: #252f34;
	padding: 0px 0px 10px 0px;
	line-height: 16px;
	font-size: 12px;
}

.modulePanel
{
	width: 730px;
	height: 365px;
}

.formTaskList
{
	list-style: none;
	padding: 0 0 0 0px;
	margin: 0 0 0 20px;
}

.formTaskList li
{
    border-bottom: 1px dotted #959485;
    padding: 5px 0px;
}

.formTaskList li.lastListItem
{
	border: none;
}

.formList
{
	list-style: none;
	padding: 0 0 0 0px;
	margin: 0 0 0 40px;
}

.formList li
{
	border-bottom: 1px solid #959485;
	padding: 5px 0px;
}

.formList li.toolbarListItem
{
	border-bottom: 3px double #6699FF;
	padding: 5px 0px;
	border-bottom-style: groove;
}

.formList li.titleListItem
{
	border-bottom: 3px double #6699FF;
	padding: 5px 0px;
}

.formList li.lastListItem
{
	border: none;
}

.formList li.dotListItem
{
    border-bottom: 1px dashed #959485;
    padding: 5px 0px;
}

/*  Test Zone */

a.moduleDivSlimCollapsible {
    display: block;
    font-size: 14px;
    font-weight: bold;
	line-height:25px;
    color: #63b3d5;
    width: 100%;
    padding-bottom:5px;
    padding-left: 10px;
    text-decoration:none;
}

a.moduleDivSlimCollapsible:hover {
    color: #68A8C3;
}
a.moduleDivSlimCollapsible .configTitle
{
	background-position: -17px -7px;
	text-decoration: underline;
	/*position: absolute;*/
	background: transparent url('../App_UI/Images/PageViews/ModuleTop.jpg') no-repeat -17px -7px;
	padding-right: 10px;
	cursor: pointer;
}

a.moduleDivSlimCollapsible .configTitle,
a.moduleDivSlimCollapsible .configLine750,
a.moduleDivSlimCollapsible .configLine400,
span.configButton
{
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:middle;
}

a.moduleDivSlimCollapsible .configLine750
{
	background: transparent url('../App_UI/Images/PageViews/Pixel.gif') repeat-x 0 50%;
	margin-left: 10px;
	margin-right: 16px;
	width: 530px;
	height: 25px;
	cursor:pointer;
}

a.moduleDivSlimCollapsible .configLine400
{
	background: transparent url('../App_UI/Images/PageViews/Pixel.gif') repeat-x 0 50%;
	margin-left: 10px;
	margin-right: 16px;
	width: 230px;
	height: 25px;
	cursor:pointer;
}
.RHeader
{
	/*background: transparent url('../App_UI/Images/PageViews/moduleBottom1000.gif') ;*/
	font-size: 16px;
	font-weight: bold;
}

.moduleDivSlimContent:after
{
	clear:both;
	content: "";
	display:block;
	visibility:hidden;
	overflow:hidden;
	height:0;
}

span.configButton
{
	vertical-align:middle;
	width: 25px;
	height: 25px;
	cursor:pointer;
}

span.toggleUp
{
	background: transparent url(../App_UI/Images/PageViews/UpArrow.png) no-repeat 0 0;
}

* html span.toggleUp
{
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../Common/Img/qsfConfigUpArrow.png');*/
	background-image:none;
}

span.toggleDown
{
	background: transparent url(../App_UI/Images/PageViews/DownArrow.png) no-repeat 0 0;
}

* html span.toggleDown
{
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../Common/Img/qsfConfigDownArrow.png');*/
	background-image:none;
}

/*       smallModule         */
div.smallModule
{
	float: right;
	background-color: #e4f6ff;
}

div.smallModule *
{
	
}

.smallModule .rc3
{
	/*min-width: 200px;*/
	/*min-height: 210px;*/
	padding: 10px;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}

* html .smallModule .rc3
{
	width: 200px;
	height: 210px;
}

.smallModule,
.smallModule .rc1,
.smallModule .rc2,
.smallModule .rc3
{
	background: url('../App_UI/Images/PageViews/SmallModule.gif') no-repeat top left;
}

.smallModule .rc1 { background-position: 100% 0; }
.smallModule .rc2 { background-position: 0 100%; }
.smallModule .rc3 { background-position: 100% 100%; }

.smallModule .title
{
	border-bottom: 1px solid #333;
	display: block;
	margin: 10px;
	text-indent: 3px;
}

.LinkButton
{
	font-size: small;
	color: #0000FF;
	text-decoration:none;
}

.LinkButton:hover
{
	font-size: small;
	color: orange;
	text-decoration:none;
}

.LinkButton:active
{
	font-size: small;
	color: black;
	text-decoration:none;
}

.LinkButton img
{
	border-style: none;
}

.LinkButtonBig
{
    font-size: x-large;
    color: #3366FF;
    text-decoration: none;
    font-family: 'Browallia New';
    font-weight: bold;
}

.LinkButtonBig:hover
{
	font-size: x-large;
	color: orange;
	text-decoration:none;
	font-family: 'Browallia New';
	font-weight: bold;
}

.LinkButtonBig:active
{
	font-size: x-large;
	color: black;
	text-decoration:none;
	font-family: 'Browallia New';
	font-weight: bold;
}

.LinkButtonBig img
{
	border-style: none;
}

.LinkButtonBigOrange
{
	font-size: x-large;
	color: #FF6600;
	text-decoration: none;
	font-family: 'Browallia New';
	font-weight: bold;
}

.LinkButtonBigOrange:hover
{
	font-size: x-large;
	color: #800000;
	text-decoration: none;
	font-family: 'Browallia New';
	font-weight: bold;
}

.LinkButtonBigOrange:active
{
	font-size: x-large;
	color: black;
	text-decoration:none;
	font-family: 'Browallia New';
	font-weight: bold;
}

.LinkButtonBigOrange img
{
	border-style: none;
}

.FieldSet
{
    border: 1px solid #CCCCD2;
}

.RadGirdHeader
{
    font-size: normal;
    color: black;
    text-decoration: none;
    vertical-align: middle;
}

.BgLine
{
	background-position: right;
	background-image: url( '../App_UI/Images/PageViews/BG_Line.png' );
	background-repeat: repeat-x;
}

.NumericTextBox
{
	text-align: right;
}

.DivControl
{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #B3B3B3;
	border-bottom-color: #B3B3B3;
	border-left-color: #B3B3B3;
	background-color: #627AAD;
}

.DivInfo
{
	background-color: #D8DFEA;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}

.DivBody
{
	padding: 10px;
}

.DivHeader
{
	border-width: 1px;
	border-color: #003399;
	padding: 10px;
	border-bottom-style: solid;
	font-size: large;
	font-weight: bold;
	color: #0066FF;
}


.LinkButtonControlWhite
{
	border-width: 1px;
	border-color: #B3B3B3;
	font-size: small;
	color: #FFFFFF;
	text-decoration: none;
	border-right-style: solid;
	padding-right: 10px;
	padding-left: 10px;
}

.LinkButtonControlWhite:hover
{
	font-size: small;
	color: orange;
	text-decoration:none;
}

.LinkButtonControlWhite:active
{
	font-size: small;
	color: black;
	text-decoration:none;
}

.LinkButtonControlWhite img
{
	border-style: none;
}

.controlButton
{
	border-right-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	text-align: center;
	padding: 0 10px;
	font-size: small;
	color: #FFFFFF;
	text-decoration: none;
}

.controlButton:hover
{
	border-right-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	text-align: center;
	padding: 0 10px;
	font-size: small;
	color: #FFFFFF;
	text-decoration: none;
}

.controlButton:active
{
	border-right-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	text-align: center;
	padding: 0 10px;
	font-size: small;
	color: #FFFFFF;
	text-decoration:none;
}

.controlButton img
{
	border-style: none;
}

/*================================================ DatePicker ===================================================*/

.DateTextBox
{
	border: 1px solid #C3D9F9;
	width: 180px;
	height: 18px;
}
/* the div that holds the date picker calendar */
.dpDiv {
	}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD
{
	border: 1px solid #ece9d8;
	width: 20px;
}
	
.dpTDweekend
{
	border: 1px solid #ece9d8;
	color: #FF0000;
	width: 20px;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}

/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3366FF;
	background: #d8e8ff;
	font-weight: bold;
	width: 70px;
}

a.btnlink span
{
color: blue;
text-decoration: none
}

a.btnlink:hover span
{
color: blue;
text-decoration: none
}